<template>
	<app-layout>
		<!-- <view class="" :style="{height:navHeight+'px'}">
			<view class="" :style="{margin: (navHeight-46+12) + 'px 0 0 24rpx'}">
				<view class="">
					进入主页
				</view>
				<view class="">
					我的个人中心
				</view>
			</view>
		</view> -->
		<scroll-view scroll-y :style="{'height':`${windowHeight}px`}">
			<!-- <view class="per-info">
				<view class="">
					个人信息
				</view>
				<view class="publisher">
					<image class="avatar" :src="userInfo.avatar" mode=""></image>
					<view class="content">
						<view>{{ userInfo.nickname }}</view>
					</view>
				</view>
			</view> -->
			<view class="rea-solitaire">
				<view class="rea-soitem">
					<view class="rea-content">
						<input placeholder="请输入标题" type="text" value="" />
					</view>
					<view class="rea-content rea-two">
						<textarea value="" placeholder="请输入文章" />
					</view>
				</view>
			</view>

			<view class='title'>
				接龙商品
				<!-- <text style="color: #446dfd;padding-left: 36rpx;"
					@click="jump('/plugins/mch_solitaire/mch/goods/goods')">从商品库选择>>></text> -->
			</view>

			<view class="basicf">
				<view class="fbottom">
					<view class="fname">选择接龙商品</view>
					<text class="u-line-2" style="color: #446dfd;padding-left: 36rpx;flex: 1;"
						@click="choicegoods">{{qunGoodsnameList?qunGoodsnameList:'从商品库选择>>>'}}</text>
				</view>
			</view>

			<view class='title'>设置</view>
			<view class="basicf">
				<view class="fbottom">
					<view class="fname">手机号</view>
					<input type="number" class="input" placeholder="请输入联系电话" :value="phone" @blur="phoneblur"
						placeholder-style="style" :disabled="disabled" />
				</view>
				<view class="fbottom app-line app-border main-between cross-center">
					<text class="fname app-text box-grow-0">所在地区</text>
					<view class="">
						<app-area-picker @customevent="areaEvent"
							:ids="[form.province_id,form.city_id,form.district_id]"></app-area-picker>
					</view>
				</view>
			</view>
			<view class="main-between form-button">
				<!-- <view @click="submit(0)">
					<view class='save'>保存</view>
				</view> -->
				<view style="flex: 1;" @click="submit(1)">
					<view class='send'>发布</view>
				</view>
			</view>
			<view :class="['dialog', `${iphone_x?'iphone_x':''}`]" v-if="dialog">
				<view class="picker-list">
					<view class="main-between picker-header">
						<view @click="toggle">取消</view>
						<view @click="toggle(1)">确定</view>
					</view>
					<picker-view v-if="dialogType == 'postage'" :value="[set_postage?postageIndex:-1]" class="picker"
						@change="bindChange">
						<picker-view-column>
							<view v-for="(item,idx) in postage" :key="item.id" :class="[`cross-center picker-text`,{
                                'sure-color': newIndex === idx,
                                'cardinal-color': newIndex === idx + 1 || newIndex === idx - 1,
                                'even-color': newIndex === idx + 2 || newIndex === idx - 2,
                            }]">{{item.name}}</view>
						</picker-view-column>
					</picker-view>
					<picker-view v-if="dialogType == 'delivery'" :value="[set_delivery?deliveryIndex:-1]" class="picker"
						@change="bindChange">
						<picker-view-column>
							<view v-for="(item,idx) in delivery" :key="item.id" :class="[`cross-center picker-text`,{
                                'sure-color': newIndex === idx,
                                'cardinal-color': newIndex === idx + 1 || newIndex === idx - 1,
                                'even-color': newIndex === idx + 2 || newIndex === idx - 2,
                            }]">{{item.name}}</view>
						</picker-view-column>
					</picker-view>
				</view>
			</view>
			<view :class="['dialog', `${iphone_x?'iphone_x':''}`]" v-if="ecard_dialog">
				<view class="picker-list">
					<view class="main-between picker-header">
						<view @click="ecardToggle">取消</view>
						<view @click="ecardToggle(1)">确定</view>
					</view>
					<picker-view :value="[ecard_set_postage?ecard_postageIndex:-1]" class="picker" @change="bindChange">
						<picker-view-column>
							<view v-for="(item,idx) in ecard_postage" :key="item.id" :class="[`cross-center picker-text`,{
                                'sure-color': newIndex === idx,
                                'cardinal-color': newIndex === idx + 1 || newIndex === idx - 1,
                                'even-color': newIndex === idx + 2 || newIndex === idx - 2,
                            }]">{{item.name}}</view>
						</picker-view-column>
					</picker-view>
				</view>
			</view>
		</scroll-view>
		<view class='dialog' v-if="is_service">
			<view class='dialog-item'>
				<view class='dialog-title'>服务内容</view>
				<view class="type-list">
					<view v-if="is_service" v-for="(item,index) in service" :key="index" @click='choose(item)'
						class="dir-left-nowrap type-choose">
						<image v-if="item.isChoose" class="active-status" src='./../image/active.png'></image>
						<image v-else class="active-status" src='/static/image/icon/form-er.png'></image>
						<view :class="[`${item.isChoose ? 'active':''}`]">{{item.name}}</view>
					</view>
				</view>
				<view class="main-center btn-area">
					<view class="submit-btn" @click='cancelService'>取消</view>
					<view class="line"></view>
					<view class="submit-btn be-submit" @click='submitService'>确认</view>
				</view>
			</view>
		</view>
		<view class='dialog' v-if="modal">
			<view class='dialog-item'>
				<view class='dialog-title'>提示</view>
				<view class="error-info" v-if="set_cat">您暂未设置分类</view>
				<view class="error-info" v-if="set_postage && postage.length == 0">您暂未设置运费模板</view>
				<view class="error-info" v-if="set_delivery && delivery.length == 0">您暂未设置包邮规则</view>
				<view class="error-info" v-if="set_service && service.length == 0">您暂未设置服务内容</view>
				<view class="error-info" v-if="set_card && card.length == 0">您暂未设置卡券</view>
				<view class="error-info">请前往商城后台设置</view>
				<view class="main-center btn-area">
					<view class="submit-btn be-submit" @click='close'>确认</view>
				</view>
			</view>
		</view>
		<view class='dialog' v-if="error">
			<view class='dialog-item'>
				<view class='dialog-title'>提示</view>
				<view class="error-info">{{error}}</view>
				<view class="main-center btn-area">
					<view class="submit-btn be-submit" @click='close'>确认</view>
				</view>
			</view>
		</view>
		<view class='dialog' v-if="beSubmit">
			<view class='dialog-item'>
				<view class='dialog-title'>提示</view>
				<view class="submit-info">是否确认要上架此商品</view>
				<view class="main-center btn-area">
					<view class="submit-btn" @click='close'>取消</view>
					<view class="line"></view>
					<view class="submit-btn be-submit" @click='toSubmit'>确认</view>
				</view>
			</view>
		</view>
	</app-layout>
</template>

<script>
	import {
		mapState
	} from "vuex";
	import uploadFile from '../../../core/upload.js';
	import uPopup from '../../../components/basic-component/u-popup/u-popup.vue';
	import appAreaPicker from '../../../components/page-component/app-area-picker/app-area-picker.vue';

	export default {
		components: {
			uPopup,
			appAreaPicker
		},
		onReady() {
			wx.getSystemInfo({
				success: res => {
					//导航高度
					//console.log( res.statusBarHeight + 46)
					this.navHeight = res.statusBarHeight + 46;
				},
				fail(err) {
					console.log(err);
				}
			})
		},
		data() {
			return {
				mch_id: 1,
				navHeight: 80,
				islogo: true,

				form: {
					province_id: 0,
					city_id: 0,
					district_id: 0,
				},

				postageIndex: -1,
				deliveryIndex: -1,
				height: 0,
				give_integral: 0,
				forehead_integral: 0,
				windowHeight: 0,
				beSubmit: false,
				inputName: true,
				cats: [],
				forehead: -1,
				unit: '件',
				iphone_x: false,
				set_attr: false,
				is_default_services: true,
				modal: false,
				error: false,
				set_cat: false,
				set_postage: false,
				set_delivery: false,
				set_service: false,
				set_card: false,
				confine: false,
				is_service: false,
				goods_card: [],
				img: [],
				card: [],
				goods_detail: [],
				beMove: false,
				service: [],
				postage: [],
				delivery: [],
				bePostage: '',
				beDelivery: '',
				beService: [],
				default_service: [],
				newIndex: '0',
				index: '0',
				attr: false,
				have_children: false,
				disabled: false,
				imgHidden: true,
				flag: false,
				x: 0,
				y: 0,
				id: 0,
				first_service: true,
				choose_list: [],
				elements: [],
				img_src: '',
				dialog: false,
				loading: false,
				ecard_dialog: false,
				is_ecard: 0,
				ecard_api_url: '',
				ecardBePostage: '',
				ecard_postage: [],
				ecard_set_postage: false,
				ecard_postageIndex: -1,
				beginIndex: null,
				dialogType: '',

				// 物流
				show: false,
				themet: [{
						'title': '快递'
					},
					{
						'title': '自提'
					}
				],
				// 活动时间
				timevalue: '',
				// region:[],
				regionid: 0,

				logistics: '',

				formSoire: [],

				goodslist: [],

				qunGoodsList: [], // 群接龙选择的商品信息
				qunGoodsnameList: '', // 群接龙选择的商品名称
				qunGoodsidList: '', // 群接龙选择的商品id
				activeTab: 1 // 1平台商品 2自有商品
			}
		},
		computed: {
			...mapState({
				userInfo: state => state.user.info,
				adminImg: state => state.mallConfig.__wxapp_img.app_admin,
			})
		},
		methods: {
			choicegoods() {
				if (this.qunGoodsList.length != 0) {
					uni.navigateTo({
						url: '/plugins/mch_solitaire/mch/goods/goods?mch_id=1&choice=true&qunGoodsidList=' + this
							.qunGoodsidList + '&activeTab=' + this.activeTab
					})
				} else {
					uni.navigateTo({
						url: '/plugins/mch_solitaire/mch/goods/goods?mch_id=1&choice=true'
					})
				}
			},
			areaEvent(data) {
				if (data) {
					this.form.province_id = data.province.id;
					this.form.city_id = data.city.id;
					this.form.district_id = data.district.id;
					this.list = [data.province.name, data.city.name, data.district.name];
				}
			},
			regionChange(e) {
				console.log(e);
			},
			addspec() {
				uni.navigateTo({
					url: '/plugins/mch_solitaire/goods/addspecs'
				})
			},
			techange(item) {
				console.log(item);
				this.logistics = item.title
			},
			actimes(e) {
				console.log(e);
				this.timevalue = e.detail.value
				console.log(this.timevalue);
			},
			jump(item) {
				uni.navigateTo({
					url: item
				})
			},
			changeConfine() {
				this.confine = !this.confine
				if (this.confine && this.form.confine_count == -1) {
					this.form.confine_count = ''
				}
			},
			money(val) {
				let num = val.toString(); //先转换成字符串类型
				if (num.indexOf('.') == 0) { //第一位就是 .
					num = '0' + num
				}
				num = num.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
				num = num.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
				num = num.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
				num = num.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
				if (num.indexOf(".") < 0 && num != "") {
					num = parseFloat(num);
				}
				return +num
			},
			costChange(e) {
				this.form.cost_price = this.money(e.detail.value)
			},
			originalChange(e) {
				this.form.original_price = this.money(e.detail.value)
			},
			priceChange(e) {
				this.form.price = this.money(e.detail.value)
			},
			nameBlur(item) {
				this.inputName = !this.inputName;
				console.log(item);
				console.log(this.cgoods);
			},

			catchTouchMove() {
				return false;
			},
			toSubmit() {
				let that = this;
				if (that.loading) {
					return false
				}
				uni.showLoading({
					title: '提交中...'
				});

				let goodst = {
					target_type: 1,
					goodslist: that.qunGoodsidList
				}
				if (that.activeTab == 1) {
					goodst = {
						target_type: 2, // 选择平台商品
						// goodslist: that.qunGoodsidList
					}
				} else if (that.activeTab == 2) {
					goodst = {
						target_type: 1, // 选择自己上传的商品（当前商户）
						// goodslist: that.qunGoodsidList
					}
				}
				/* let godst = {
					target_type: 1,
					target_id: 622
				} */
				let formsol = {
					mch_id: 1,
					params_data: JSON.stringify(goodst),
					title: '群接龙标题',
					detail: '群接龙描述',
					content: '群接龙详情',
					form_data: {},
					mall_id: 1,
					start_at: '0000-00-00 00:00:00',
					end_at: '0000-00-00 00:00:00',
					mobile: '',
					address: '',
					province_id: '',
					city_id: '',
					district_id: ''
				}

				that.loading = true;
				that.beSubmit = false;
				that.$request({
					url: that.$apiSol.solitaire.release,
					data: formsol,
					method: 'post'
				}).then(response => {
					that.loading = false;
					that.$hideLoading();
					uni.hideLoading();
					that.loading = false;
					if (response.code == 0) {
						if (response.code == 0) {
							uni.showToast({
								title: response.msg,
								duration: 1000
							});
							setTimeout(function() {
								uni.navigateBack();
							}, 500)
						} else {
							uni.showToast({
								title: response.msg,
								icon: 'none',
								duration: 1000
							});
						}
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(response => {
					that.loading = false;
					that.$hideLoading();
					uni.hideLoading();
				});
			},

			submit(status) {
				let pass = false;
				let that = this;
				if (!that.qunGoodsidList) {
					that.error = '请选择商品';
					return
				}
				if (!that.qunGoodsidList) {
					that.error = '请选择商品';
					return
				}
				that.toSubmit();
			},

			close() {
				this.error = null;
				this.modal = false;
				this.beSubmit = false;
			},

			inputAttr(index) {
				this.attr[index].attr_list[0].attr_id = (+index + 2).toString();
			},

			_longtap: function(img_src, index, e) {
				let that = this;
				let query = uni.createSelectorQuery();
				let nodesRef = query.selectAll(".move-img");
				nodesRef.fields({
					dataset: true,
					rect: true

				}, (result) => {
					that.elements = result;
				}).exec()
				// const detail = e.detail;
				that.img[index].pic_url = '';
				that.x = e.currentTarget.offsetLeft;
				that.y = e.currentTarget.offsetTop;
				that.imgHidden = false;
				that.flag = true;
				that.beMove = true;
				that.img_src = img_src;
				that.beginIndex = index;
			},
			//触摸结束
			touchend: function(e) {
				let that = this;
				if (!that.flag) {
					return;
				}
				const x = e.changedTouches[0].pageX
				const y = e.changedTouches[0].pageY
				const list = that.elements;
				let data = that.img
				const beginIndex = that.beginIndex;
				for (let j = 0; j < list.length; j++) {
					const item = list[j];
					if (x > item.left && x < item.right && y > item.top && y < item.bottom) {
						const endIndex = item.dataset.index;
						//向后移动
						if (beginIndex < endIndex) {
							let tem = data[beginIndex];
							for (let i = beginIndex; i < endIndex; i++) {
								data[i] = data[i + 1]
							}
							data[endIndex] = tem;
						}
						//向前移动
						if (beginIndex > endIndex) {
							let tem = data[beginIndex];
							for (let i = beginIndex; i > endIndex; i--) {
								data[i] = data[i - 1]
							}
							data[endIndex] = tem;
						}
						data[endIndex].pic_url = that.img_src;
						that.img = data;
					}
				}
				if (!that.img[beginIndex].pic_url) {
					that.img[beginIndex].pic_url = that.img_src;
				}
				that.imgHidden = true;
				that.flag = false;
				that.beMove = false;
				that.beginIndex = null;
			},
			//滑动
			touchm: function(e) {
				if (this.flag) {
					const x = e.touches[0].pageX;
					const y = e.touches[0].pageY;
					this.x = x - 60;
					this.y = y - 189;
				}
			},
			cancelService() {
				let beService = this.beService;
				let service = this.service;
				if (beService.length > 0) {
					service.forEach(function(res, index) {
						res.isChoose = false;
						beService.forEach(function(row) {
							if (row.id == res.id) {
								res.isChoose = true;
							}
						})
					})
				} else {
					service.forEach(function(res, index) {
						res.isChoose = false;
					})
				}
				this.beService = beService;
				this.service = service;
				this.set_service = false;
				this.is_service = false;
				setTimeout(v => {
					uni.pageScrollTo({
						scrollTop: 45550,
						duration: 0
					});
				}, 0)
			},

			submitService() {
				let beService = [];
				this.service.forEach(function(row) {
					if (row.isChoose) {
						beService.push(row)
					}
				})
				this.beService = beService;
				this.set_service = false;
				this.is_service = false;
				setTimeout(v => {
					uni.pageScrollTo({
						scrollTop: 45550,
						duration: 0
					});
				}, 0)
			},
			choose(item) {
				let that = this;
				that.service.forEach(function(row) {
					if (row.id == item.id) {
						row.isChoose = !row.isChoose;
						that.$forceUpdate();
					}
				})
			},
			toGoodsDetail() {
				uni.navigateTo({
					url: '/plugins/mch_solitaire/goods/adddetail'
				})
			},
			addImg() {
				let that = this;
				let num = 9 - that.img.length;
				uni.chooseImage({
					count: num,
					sizeType: ['original', 'compressed'],
					sourceType: ['album', 'camera'],
					success(res) {
						// tempFilePath可以作为img标签的src属性显示图片
						const tempFilePaths = res.tempFilePaths;
						let img = that.img;
						tempFilePaths.forEach(function(row, index) {
							uni.showLoading({
								title: '上传中...'
							});
							let fileName = '';
							// #ifdef MP-BAIDU
							fileName = row.substr(row.lastIndexOf('/') + 1);
							// #endif
							uploadFile({
								url: that.$apiSol.upload.file,
								filePath: row,
								fileType: 'image',
								fileName: fileName,
								mch_id: 0
							}).then(res => {
								let imgInfo = null;

								// #ifndef MP-BAIDU
								imgInfo = JSON.parse(res.data);
								// #endif

								// #ifdef MP-BAIDU
								imgInfo = res.data;
								// #endif

								if (imgInfo.code === 0) {
									img.push({
										pic_url: imgInfo.data.url,
										id: imgInfo.data.id
									})
								}

								that.img = img;
								if (index === tempFilePaths.length - 1) {
									uni.hideLoading();
								}
							}).catch(e => {
								if (e && e.errMsg) {
									uni.showModal({
										title: '错误',
										content: e.errMsg,
										showCancel: false,
									});
								}
							})
						})
					}
				})
			},
			del_img(index) {
				this.img.splice(index, 1);
			},
			chooseCat() {
				uni.navigateTo({
					url: '/plugins/mch_solitaire/goods/addcate'
				})
			},
			chooseAttr(item, index) {
				uni.navigateTo({
					url: '/plugins/mch_solitaire/goods/addspecs?attid=' + (index + 1)
					// url: '/plugins/mch_solitaire/mch/goods-attr/goods-attr?attid=' + item.id
				})
				uni.setStorage({
					key: "goods_unit" + item.id,
					data: this.unit
				})
			},
			bindChange(e) {
				this.newIndex = e.detail.value[0]
			},
			toggle(status) {
				this.choose_list = [];
				this.dialog = false;
				this.set_cat = false;
				if (this.dialogType == 'postage') {
					if (status == 1) {
						if (this.set_postage) {
							this.bePostage = this.postage[this.newIndex];
						}
					} else {
						this.set_postage = false;
					}
				}
				if (this.dialogType == 'delivery') {
					if (status == 1) {
						if (this.set_delivery) {
							this.beDelivery = this.delivery[this.newIndex];
						}
					} else {
						this.set_delivery = false;
					}
				}
				this.dialogType = '';
			},
			chooseService() {
				let that = this;
				if (that.first_service) {
					that.$request({
						url: that.$apiSol.mch.service,
					}).then(response => {
						that.$hideLoading();
						if (response.code == 0) {
							that.service = response.data.list;
							if (response.data.list.length == 0) {
								that.modal = true;
							} else {
								that.is_service = true;
							}
							let beService = [];
							for (let row of response.data.list) {
								row.isChoose = false
								if (row.is_default == 1) {
									beService.push(row);
									row.isChoose = true
								}
							}
							that.set_service = true;
							that.beService = beService;
							that.default_service = beService;
							that.first_service = false;
						} else {
							uni.showToast({
								title: response.msg,
								icon: 'none',
								duration: 1000
							});
						}
					}).catch(() => {
						that.$hideLoading();
					});
				} else {
					if (that.service.length == 0) {
						that.modal = true;
					} else {
						that.is_service = true;
					}
				}
			},
			chooseCard() {
				let that = this;
				that.$request({
					url: that.$apiSol.mch.card,
				}).then(response => {
					that.$hideLoading();
					if (response.code == 0) {
						true;
						that.card = response.data.list;
						if (response.data.list.length == 0) {
							that.set_card = true;
							that.modal = true;
						} else {
							uni.navigateTo({
								url: '/pages/mch/goods-card/goods-card'
							})
						}
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			chooseDelivery() {
				let that = this;
				that.$request({
					url: that.$apiSol.mch.delivery_rules,
				}).then(response => {
					that.$hideLoading();
					if (response.code == 0) {
						if (response.data.list.length == 0) {
							that.set_delivery = true;
							that.modal = true;
							that.delivery = response.data.list;
						} else {
							let arr = [];
							response.data.list.forEach(function(row, index) {
								arr.push(response.data.list[index].id)
							});
							let index = arr.indexOf(that.beDelivery.id);
							if (index > -1) {
								that.deliveryIndex = index;
								that.newIndex = index;
							} else {
								that.beDelivery = ''
							}
							that.set_delivery = true;
							that.dialog = true;
							that.dialogType = 'delivery'
							that.delivery = response.data.list;
						}
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			chooseExpress() {
				let that = this;
				that.$request({
					url: that.$apiSol.mch.postage,
				}).then(response => {
					that.$hideLoading();
					if (response.code == 0) {
						if (response.data.list.length == 0) {
							that.set_postage = true;
							that.modal = true;
							that.postage = response.data.list;
						} else {
							let arr = [];
							response.data.list.forEach(function(row, index) {
								arr.push(response.data.list[index].id)
							});
							let index = arr.indexOf(that.bePostage.id);
							if (index > -1) {
								that.postageIndex = index;
								that.newIndex = index;
							} else {
								that.bePostage = ''
							}
							that.set_postage = true;
							that.dialog = true;
							that.dialogType = 'postage'
							that.postage = response.data.list;
						}
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			getService(id) {
				let that = this;
				this.$request({
					url: this.$apiSol.mch.service,
				}).then(response => {
					that.$hideLoading();
					let {
						code,
						data,
						msg
					} = response;
					if (code === 0) {
						that.service = data.list;
						for (let i in that.service) {
							that.service[i].isChoose = false;
						}
						if (id > 0) {
							for (let j in that.beService) {
								for (let i in that.service) {
									if (that.service[i].id == that.beService[j].id) {
										that.service[i].isChoose = true;
										that.first_service = false;
									}
								}
							}
						} else {
							that.beService = [];
							data.list.forEach(function(row) {
								row.isChoose = false;
								if (row.is_default == 1) {
									that.beService.push(row);
									row.isChoose = true
								}
							})
						}
					} else {
						uni.showToast({
							title: msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			getPostage(id) {
				let that = this;
				this.$request({
					url: this.$apiSol.mch.postage,
				}).then(response => {
					that.$hideLoading();
					if (response.code == 0) {
						that.postage = response.data.list;
						if (id > 0) {
							return false;
						} else {
							that.bePostage = '';
							that.bePostage = response.data.list[0];
						}
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			getDelivery(id) {
				let that = this;
				this.$request({
					url: this.$apiSol.mch.delivery_rules,
				}).then(response => {
					that.$hideLoading();
					if (response.code == 0) {
						that.delivery = response.data.list;
						if (id > 0) {
							return false;
						} else {
							that.beDelivery = '';
							that.beDelivery = response.data.list[0];
						}
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			getCard() {
				let that = this;
				this.$request({
					url: this.$apiSol.mch.card
				}).then(response => {
					that.$hideLoading();
					if (response.code == 0) {
						that.card = response.data.list;
					} else {
						uni.showToast({
							title: response.msg,
							icon: 'none',
							duration: 1000
						});
					}
				}).catch(() => {
					that.$hideLoading();
				});
			},
			async getDetail(id, attid) {
				const res = await this.$request({
					url: this.$apiSol.mch.goods_edit,
					data: {
						id: id
					}
				});
				let {
					code,
					data,
					msg
				} = res;
				await this.$hideLoading();
				// this.getService(id);
				// this.getPostage(id);
				// this.getDelivery(id);
				if (code === 0) {
					this.form = data.detail;
					let {
						pic_url,
						cats,
						use_attr,
						services,
						freight,
						cards,
						confine_count,
						is_default_services,
						forehead_integral,
						forehead_integral_type,
						give_integral,
						give_integral_type,
						attr_groups,
						attr,
						detail,
						unit,
						shipping
					} = this.form;
					this.img = pic_url;
					this.cats = cats;
					this.set_attr = use_attr;
					this.beService = services;
					this.bePostage = freight;
					this.beDelivery = shipping;
					this.goods_card = cards;
					this.unit = unit;

					if (confine_count > 0) {
						this.confine = true;
					}

					if (is_default_services == 0) this.is_default_services = false;

					this.forehead_integral = +forehead_integral;
					if (forehead_integral_type == 2) this.forehead_integral = forehead_integral + '%';

					this.give_integral = +give_integral;
					if (give_integral_type == 2) this.give_integral = give_integral + '%';

					if (attr_groups.length > 0 && attr.length > 0) {
						this.attr = true;
						uni.setStorage({
							key: "goods_attr_groups" + attid,
							data: attr_groups
						});
						uni.setStorage({
							key: "goods_attr" + attid,
							data: attr
						});
					}
					let form_detail = detail.split(/<\/p>|<br\/>|<img /);
					let good_detail = [];

					let para = undefined;

					for (let i in form_detail) {
						form_detail[i] = form_detail[i].replace(/<p>/g, '').replace(/<\/p>/g, '');
						para = {
							type: ''
						};
						if (form_detail[i].indexOf('src') > -1) {
							para.type = 'img';
							para.id = '';
							let end = form_detail[i].indexOf('.png') > -1 ? form_detail[i].indexOf('.png') + 4 :
								form_detail[i].length - 1;
							if (form_detail[i].indexOf('.jpg') > -1) {
								end = form_detail[i].indexOf('.jpg') + 4
							}
							if (form_detail[i].indexOf('.jpeg') > -1) {
								end = form_detail[i].indexOf('.jpeg') + 5
							}
							if (form_detail[i].indexOf('.gif') > -1) {
								end = form_detail[i].indexOf('.gif') + 4
							}
							para.pic_url = form_detail[i].slice(form_detail[i].indexOf('http'), end);
						} else {
							para.type = 'text';
							para.text = form_detail[i];
						}
						good_detail[i] = para;
					}

					for (let i in good_detail) {
						if (good_detail[i].text === '') {
							good_detail.splice(i, 1);
						}
					}
					// this.cgoods[attid].goods_detail = good_detail;
					uni.setStorage({
						key: "goods_card" + attid,
						data: cards
					});
					uni.setStorage({
						key: "goods_cat" + attid,
						data: this.cats
					});
					uni.setStorage({
						key: "goods_detail" + attid,
						data: good_detail
					})
				} else {
					uni.showToast({
						title: msg,
						icon: 'none',
						duration: 1000
					});
				}
			},

			typeChange(e) {
				if (this.id === 0) {
					this.form.type = e.target.value;
				}
			},

			async getGoodsConfig() {
				const e = await this.$request({
					url: this.$apiSol.mch.goods_config,
				});
				if (e.code === 0) {
					this.is_ecard = e.data.is_ecard;
					this.ecard_api_url = e.data.ecard_api_url;
				}
			},

			ecardToggle(status) {
				this.ecard_dialog = false;
				if (status == 1) {
					if (this.ecard_set_postage) {
						this.form.plugin_data.ecard = {
							ecard_id: this.ecard_postage[this.newIndex].id,
							name: this.ecard_postage[this.newIndex].name,
						}
					}
				} else {
					this.ecard_set_postage = false;
				}
			},
		},

		onLoad(options) {
			let that = this;
			that.mch_id = options.mch_id
			that.$storage.removeStorageSync('isQunGoods')
			uni.getSystemInfo({
				success: function(res) {
					that.windowHeight = res.windowHeight;
					if (res.model.indexOf('iPhone X') > -1 || res.model.indexOf('iPhone 11') > -1 || res.model
						.indexOf('iPhone11') > -1 || res.model.indexOf('iPhone12') > -1 || res.model.indexOf(
							'Unknown Device') > -1) {
						that.iphone_x = true;
					}
				}
			});
			uni.getSystemInfo({
				success: function(res) {
					let clientHeight = res.windowHeight;
					let clientWidth = res.windowWidth;
					let ratio = 750 / clientWidth;
					that.height = clientHeight * ratio;
				}
			});
		},
		onShow() {
			let that = this;
			that.goodslist = []
			let kan = []
			that.qunGoodsList = that.$storage.getStorageSync('isQunGoods')
			console.log(that.qunGoodsList);
			if (that.qunGoodsList) {
				that.qunGoodsnameList = that.qunGoodsList.map(item => item.name).toString()
				that.qunGoodsidList = that.qunGoodsList.map(item => item.id).toString()
			}
			console.log(that.qunGoodsidList);
			console.log(that.activeTab);
			that.cgoods.forEach((item, index) => {
				// console.log(item.id);
				/* uni.getStorage({
					key: 'goods_card' + (index + 1),
					success(res) {
						that.goods_card = res.data;
						console.log(that.goods_card);
					}
				});
				uni.getStorage({
					key: 'goods_cat' + (index + 1),
					success(res) {
						that.cats = res.data;
					}
				});
				uni.getStorage({
					key: 'goods_detail' + (index + 1),
					success(res) {
						that.goods_detail = res.data;
					}
				}); */
				let goods_card = uni.getStorageSync('goods_card' + (index + 1))
				if (goods_card) {
					that.form.goods_card = goods_card
				}
				let goods_cat = uni.getStorageSync('goods_cat' + (index + 1))
				if (goods_cat) {
					that.form.goods_cat = goods_cat
				}
				let goods_detail = uni.getStorageSync('goods_detail' + (index + 1))
				if (goods_detail) {
					that.form.goods_detail = goods_detail
					item.goods_detail = that.form.goods_detail
				}
				console.log(goods_detail);
				let goods_attr = uni.getStorageSync('goods_attr' + (index + 1))
				if (goods_attr) {
					// console.log(goods_attr, 'attr_goods999665');
					that.form.attr = goods_attr
					// console.log(that.form, that.form.attr, 'that.form.attr999665');
					// that.goodslist[index] = {
					// 	attr: goods_attr
					// };
					// console.log(that.goodslist, 'goodslistattr_goods999665');
					// Object.assign(item.attr, that.form.attr)
					item.attr = that.form.attr
					// console.log(goods_attr);
					// console.log(item.attr);
				}
				let goods_attr_groups = uni.getStorageSync('temp_attr' + (index + 1))
				if (goods_attr_groups) {
					that.form.attr_groups = goods_attr_groups

					item.attr_groups = that.form.attr_groups
					// console.log(goods_attr_groups, 'attr_goods999663');
					// that.goodslist[index] = {
					// 	attr_groups: goods_attr_groups
					// };
				}
				uni.removeStorage({
					key: 'temp_attr_info' + (index + 1),
				});
				console.log(that.form.attr, item, item.attr, 'index', index);
				// console.log(that.form, 'that.foem');
				// console.log(index);
				// kan[index] = (index + 1)
				// that.goodslist[index] = that.form

				// Object.assign(item, that.form)
				// item = that.form
				// item = that.form
				console.log(item, that.cgoods, '***---***---***+++++++++++/////');
			})
			// console.log(kan, 'kan');

			console.log(that.cgoods, '***---***---***+++++++++++****************');
		},
		onUnload() {
			let that = this
			that.$storage.removeStorageSync('isQunGoods')
			that.cgoods.map((item, index) => {
				uni.removeStorage({
					key: 'goods_unit' + item.id,
				});
				uni.removeStorage({
					key: 'goods_attr' + item.id,
				});
				uni.removeStorage({
					key: 'goods_attr_groups' + item.id,
				});
			})
		},
		watch: {
			'form.type': {
				handler(data) {
					if (data === 'goods') {
						this.form.plugin_data.ecard.ecard_id = 0;
						this.form.plugin_data.ecard.name = '';
					}
				},
				deep: true
			}
		}
	}
</script>

<style scoped lang="scss">
	.per-info {
		width: 100%;
		padding: 24rpx;
		font-size: 26rpx;

		.publisher {
			display: flex;
			padding-right: 10rpx;
			height: 156rpx;
			align-items: center;
			margin-top: 12rpx;

			.avatar {
				width: 156rpx;
				height: 156rpx;
				border-radius: 50%;
				border: 6rpx solid #fff;
			}

			.content {
				width: calc(100% - 96rpx - 60rpx - 20rpx);
				font-size: 26rpx;
				margin-left: 24rpx;
			}

			.create-time {
				font-size: 24rpx;
				color: #aaaaaa;
			}
		}
	}

	.rea-solitaire {
		margin: 24rpx;

		.rea-soitem {
			border-radius: 16rpx;
			background: #FFFFFF;
			padding: 24rpx;
		}

		.rea-content {
			padding: 24rpx 0;
			font-size: 36rpx;
			border-bottom: 2rpx solid #F2F2F2;

			&.rea-two {
				font-size: 28rpx;
			}

			.b-image {
				width: 100%;
				height: 200rpx;
			}
		}

		.rea-btn {
			position: fixed;
			bottom: 24rpx;
			left: 24rpx;
			width: 702rpx;
			text-align: center;
			line-height: 80rpx;
			color: #FFFFFF;
			background-color: #09ba07;
			border-radius: 72rpx;
			margin: 24rpx auto;
		}

		.publisher {
			display: flex;
			padding-right: 10rpx;
			height: 140rpx;
			background-color: #ffffff;
			align-items: center;

			.avatar {
				width: 128rpx;
				height: 128rpx;
				border-radius: 50%;
			}

			.content {
				width: calc(100% - 96rpx - 60rpx - 20rpx);
				font-size: 26rpx;
			}

			.create-time {
				font-size: 24rpx;
				color: #aaaaaa;
			}
		}
	}


	.basicf {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 42rpx 0;
		width: 702rpx;
		background-color: #FFFFFF;
		margin: 32rpx auto;
		border-radius: 16rpx;
	}

	.addbtn {
		display: flex;
		padding: 24rpx 0;
		width: 702rpx;
		background-color: #FFFFFF;
		margin: 32rpx auto;
		border-radius: 16rpx;
		color: #446dfd;
		text-align: center;
		justify-content: center;
	}

	.fbottom {
		width: 654rpx;
		margin: 0 auto;
		padding: 24rpx;
		line-height: 72rpx;
		border-bottom: 2rpx solid #F2F2F2;
		display: flex;
		align-items: center;
		font-size: 28rpx;
		color: #333333;
		background-color: #FFFFFF;

		.fname {
			width: 200rpx;
		}

		.specinpout {
			height: 80rpx;
			line-height: 80rpx;
			white-space: nowrap;
			overflow: auto;
			width: 210rpx;
			padding: 0 12rpx;
		}

		.input {
			width: 454rpx;

			&.time {
				display: flex;
				align-items: center;
			}

			.center {
				padding: 0 20rpx;
			}

			.logoStore {
				width: 170rpx;
				height: 170rpx;
				position: relative;

				&.bg {
					background: #F4F4F4;
					position: relative;
				}

				.remove {
					width: 40#{rpx};
					height: 40#{rpx};
					position: absolute;
					right: -16rpx;
					top: -10rpx;
					// background: $uni-important-color-red;
					background: #333333;
					color: #fff;
					border-radius: 50%;
					padding-bottom: 8#{rpx};
					font-size: 24#{rpx};
				}

				.image {
					width: 100%;
					height: 100%;
				}

				.logoStore-hor {
					position: absolute;
					width: 80rpx;
					height: 2rpx;
					left: 48rpx;
					top: 87rpx;
					background: #FFFFFF;
				}

				.logoStore-ver {
					position: absolute;
					width: 80rpx;
					height: 2rpx;
					left: 48rpx;
					top: 87rpx;
					background: #FFFFFF;
					transform: rotate(90deg);
				}
			}
		}
	}

	.title {
		font-size: #{28rpx};
		color: #999;
		margin: #{30rpx} #{24rpx} #{13rpx};
	}

	.goods-img {
		background-color: #fff;
		padding: #{32rpx} #{24rpx};
	}

	.goods-list {
		margin-top: #{8rpx};
		margin-left: #{-24rpx};
	}

	.goods-item {
		position: relative;
		margin-left: #{24rpx};
		margin-top: #{24rpx};
		height: #{218rpx};
		width: #{218rpx};
	}

	.label {
		font-size: #{28rpx};
		color: #999;
	}

	.goods-cover {
		height: #{218rpx};
		width: #{218rpx};
	}

	.del-btn {
		height: #{40rpx};
		width: #{40rpx};
		position: absolute;
		right: #{-8rpx};
		top: #{-16rpx};
	}

	.main-img {
		height: #{40rpx};
		line-height: #{40rpx};
		width: #{218rpx};
		text-align: center;
		font-size: #{24rpx};
		color: #fff;
		background-color: rgba(68, 109, 253, 0.5);
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.add-goods-img {
		background-color: #f4f5f9;
		position: relative;
		margin-left: #{24rpx};
		margin-top: #{24rpx};
		height: #{218rpx};
		width: #{218rpx};
		font-size: #{24rpx};
		color: #999;
		z-index: 10;
		text-align: center;
	}

	.add-goods-img image {
		height: #{40rpx};
		width: #{40rpx};
		margin: #{70rpx} auto #{10rpx};
	}

	.goods-info {
		width: 702rpx;
		border-radius: 16rpx;
		margin: 0 auto;
		background-color: #fff;
		padding: 0 #{24rpx};

		.info-item:first-of-type {
			border-top: 0;
		}

		.info-item.goods-name {
			border-bottom: #{1rpx} solid #e2e2e2;
		}
	}

	.form-label {
		width: #{176rpx};
	}

	.info-item {
		border-bottom: #{1rpx} solid #e2e2e2;
		// border-top: #{1rpx} solid #e2e2e2;
		height: #{88rpx};
		line-height: #{88rpx};
		font-size: #{28rpx};
		color: #353535;
	}

	view.input {
		height: #{80rpx};
		line-height: #{80rpx};
		white-space: nowrap;
		overflow: auto;
	}

	view.input.placeholder {
		color: #cdcdcd;
	}

	.input {
		width: #{476rpx};
		background-color: #fff;
		padding-left: #{25rpx};
		font-size: #{28rpx};
	}

	.input.unit {
		width: #{396rpx};
	}

	.unit-width {
		width: #{112rpx};
		text-align: right;
	}

	.cat-info {
		width: #{526rpx};
		color: #666;
	}

	.to-more {
		height: #{24rpx};
		width: #{12rpx};
		margin-left: #{10rpx};
	}

	.price-input {
		position: relative;
		color: #666;
		height: #{88rpx};
	}

	.money {
		position: absolute;
		height: #{88rpx};
		line-height: #{88rpx};
		width: #{20rpx};
		left: 0;
		top: 0;
	}

	.attr-info {
		background-color: #fff;
		padding: 0 #{24rpx};
		margin-top: #{20rpx};
	}

	.attr-input {
		width: #{638rpx};
	}

	.attr-input .input {
		color: #666;
		width: #{412rpx};
	}

	.attr-input .input.unit {
		width: #{330rpx};
	}

	.express-setting {
		height: #{136rpx};
		padding: #{16rpx} 0 #{20rpx};
		border-top: #{1rpx} solid #e2e2e2;
	}

	.express-input {
		position: relative;

		.input-item {
			font-size: #{28rpx};
			color: #353535;

			.input {
				width: #{650rpx};
			}
		}
	}

	.express-input .input {
		width: #{702rpx};
		padding-left: #{216rpx};
	}

	.express-input .integral {
		position: absolute;
		left: 0;
		z-index: 2;
	}

	.express-etc {
		color: #999;
		font-size: #{24rpx};
		margin-top: #{16rpx};
	}

	.form-button {
		width: #{656rpx};
		margin: 0 auto;
	}

	.save {
		height: #{80rpx};
		line-height: #{80rpx};
		text-align: center;
		width: #{300rpx};
		margin: #{80rpx} 0;
		font-size: #{28rpx};
		color: #446dfd;
		border: #{2rpx} solid #446dfd;
		background-color: #FFFFFF;
		border-radius: #{40rpx};
	}

	.send {
		height: #{80rpx};
		line-height: #{80rpx};
		text-align: center;
		min-width: #{300rpx};
		margin: #{80rpx} #{24rpx};
		font-size: #{28rpx};
		color: #fff;
		background-color: #446dfd;
		border-radius: #{40rpx};
	}

	.dialog {
		position: fixed;
		height: 100%;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 10;
		background-color: rgba(0, 0, 0, .3);
	}

	.dialog.iphone_x .picker-list {
		padding-bottom: #{50rpx};
	}

	.picker {
		width: 100%;
		height: #{440rpx};
		color: #999999;
	}


	.dialog.iphone_x .picker {
		height:#{490rpx};
	}

	.picker-list {
		background-color: #fff;
		padding-top: #{20rpx};
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.picker-header {
		padding: 0 #{24rpx};
		color: #446dfd;
		font-size: #{32rpx};
	}

	.is_cat {
		padding: #{50rpx} 0 0 #{24rpx};
		color: #666666;
		font-size: #{28rpx};
		border-bottom: #{1rpx} solid #e2e2e2;
	}

	.is_cat text {
		margin-right: #{48rpx};
		display: inline-block;
		max-width: #{130rpx};
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.is_cat text:last-of-type {
		padding-bottom: #{24rpx};
		color: #446dfd;
		border-bottom: #{2rpx} solid #446dfd;
	}

	.type-list {
		max-height: #{400rpx};
		overflow: auto;
	}

	.type-choose {
		padding: 0 #{24rpx} 0 #{72rpx};
		line-height: #{36rpx};
		color: #353535;
		font-size: #{32rpx};
		text-align: left;
		margin: #{35rpx} 0 #{50rpx};
	}

	.type-choose .active {
		color: #446dfd;
	}

	.active-status {
		width: #{36rpx};
		height: #{36rpx};
		display: block;
		margin-right: #{24rpx};
		flex-shrink: 0;
	}

	.attr-btn-item {
		padding-left: #{88rpx};
		background-color: #fff;
	}

	.dialog-item {
		padding-top: #{20rpx};
		position: fixed;
		top: 25%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: #{620rpx};
		border-radius: #{16rpx};
		background-color: #fff;
	}

	.btn-area {
		height: #{88rpx};
		position: relative;
		border-top: #{1rpx} solid #e2e2e2;
	}

	.btn-area .line {
		height: #{32rpx};
		width: #{1rpx};
		background-color: #e2e2e2;
		position: absolute;
		top: #{28rpx};
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.submit-btn {
		height: #{88rpx};
		line-height: #{88rpx};
		font-size: #{32rpx};
		color: #666;
		width: #{310rpx};
		text-align: center;
	}

	.submit-btn.be-submit {
		color: #446dfd;
	}

	.dialog-title {
		text-align: center;
		margin: #{15rpx} 0 #{50rpx};
	}

	.img-border {
		height: #{250rpx};
		width: #{250rpx};
		margin-top: #{-16rpx};
		margin-left: #{-16rpx};
	}

	.screen {
		height: 100%;
		overflow: hidden;
	}

	.error-info {
		text-align: center;
		margin: #{50rpx};
	}

	.submit-info {
		text-align: center;
		margin-bottom: #{60rpx};
	}

	.picker-text {
		line-height: #{88rpx};
		color: #446dfd;
		font-size: #{32rpx};
		padding-left: #{24rpx};
	}

	.picker-text.sure-color {
		color: #446dfd;
	}

	.picker-text.cardinal-color {
		color: #999999;
	}

	.picker-text.even-color {
		color: #cdcdcd;
	}

	.integral {
		font-size: #{28rpx};
		color: #353535;
	}

	.integral-info .express-setting {
		height: #{164rpx};
	}

	.integral-info .express-setting:first-of-type {
		border-top: 0
	}

	.label-info {
		font-size: #{24rpx};
		color: #999999;
	}

	.goods-type {
		background-color: #fff;
		padding: 0 #{24rpx};
		margin-bottom: #{18upx};

		.type {
			border-top: 0;
		}

		.select {
			width: #{408upx};
		}

		.select-label {
			font-size: #{26upx};
			margin-left: #{23upx};
		}
	}

	.service-text {
		width: 500rpx;
		text-align: right;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.model {
		height: 836rpx;
		width: 100%;

		.f-top {
			height: 100rpx;
			border-bottom: 1upx solid #ececec;
			padding-left: 24upx;
			background-color: #ffffff;
			border-radius: 32rpx 32rpx 0 0;
			font-size: 30rpx;

			.f-image {
				width: 78upx;
				height: 78upx;
				padding: 24upx;

				.f-img {
					width: 24upx;
					height: 24upx;
				}
			}
		}

		.scroll-fc {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			height: 80rpx;
			line-height: 60rpx;
			margin-top: 10rpx;
		}

		.cl-scroll {
			// width: 100%;
			padding: 0 24rpx;
			height: 80rpx;
			white-space: nowrap;

			.cl-item {
				padding: 0 24rpx;
				display: inline-flex;
			}
		}

		.cl-item-active {
			color: #FFFFFF;
			background-color: #353535;
		}

		.f-scroll {
			// height: 736upx;
			height: 624upx;
			width: 100%;
			padding: 24rpx;
			background-color: #FFFFFF;
			font-size: 30rpx;

			.f-scroll-content {
				padding: 0 24upx;
				height: 995upx;
				width: 100%;
			}

			.f-item {
				width: 702upx;
				height: 100upx;
				// border: 1upx solid #cfcfcf;
				// margin-top: 17upx;
				text-align: center;
			}

			.f-item:last-child {
				// margin-bottom: 24upx;
			}

			.f-item-top {
				height: 159upx;
				position: relative;

				>image {
					height: 159upx;
					width: 100%;
				}

				>view {
					position: absolute;
					top: 0;
					width: 702upx;
					height: 159upx;
					padding: 0 24upx;
					color: #ffffff;
				}

				.dir-left-nowrap>button {
					width: 161upx;
					height: 56upx;
					line-height: 56upx;
					padding: 0;
					border: none;
					margin: 0;
					border-radius: 28upx;
					background-color: #ffffff;
					font-size: 26upx;
					text-align: center;
				}

				.f-text-content {
					padding-bottom: 25upx;
				}

				.f-big-text-dis text {
					line-height: 1;
				}

				.f-big-text-dis text:first-child {
					font-size: 56upx;
					font-weight: bold;
				}

				.f-big-text-dis text:last-child {
					font-size: 34upx;
					margin-left: 14upx;
				}

				.f-small-text {
					font-size: 24upx;
					margin-left: 27upx;
				}

				.f-big-text-pri text {
					line-height: 1;
				}

				.f-big-text-pri text:first-child {
					font-size: 27upx;
				}

				.f-big-text-pri text:last-child {
					font-size: 56upx;
					font-weight: bold;
				}
			}

			.f-item-bottom {
				height: 111upx;
				padding: 24upx;

				text {
					font-size: 22upx;
					color: #545454;
				}
			}
		}
	}
</style>
